const path =  require('path')
const webpack =  require('webpack')

module.exports = {
    entry:'./app/main.js', //__dirname 是node.js的一个全局变量 指向当前执行脚本所在的目录，
    output:{
        path: path.resolve(__dirname, './dist'),
        filename:'[name].bundle.js'
    },
    /*
    如果你把你的应用程序拆解，打包成多个 output 的话
    （如果应用的某部分有大量不需要提前加载的 JS 的话，
    这样做会很有用），在这些文件（通常是第三方库）
    里就有可能出现重复的代码，因为它将分别解析每个依赖关系。
    幸运的是，webpack有一个内置的 CommonsChunk 插件来处理这个问题：
    */
    plugins:[

        new webpack.optimize.CommonsChunkPlugin({
            name:'commons',
            filename:'commons.js',
            minChunks: 2
        })
    ]
    /*
    现在，在您的 output 文件里，
    如果你有任何模块被加载2次或更多次（通过 minChunks 设置该值），
    它就会被打包进一个叫 commons.js 的文件中，然后可以在客户端中缓存这个文件。
    当然，这将导致一次额外的请求，但是避免了客户端多次下载相同的库。
    因此，在许多情况下，这是提升速度的举措。
    
    */

}